
body {
  background: #778;
}

div.slides {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
}

div.slide {
  background: -webkit-gradient(linear, left bottom, left top, from(#bbd), to(#fff));
  -webkit-transition: margin 0.25s ease-in-out; 
  background-color: #eee;
  background: -moz-linear-gradient(bottom, #bbd, #fff);
  -moz-transition: margin 0.25s ease-in-out;
  -o-transition: margin 0.25s ease-in-out;
}

.slide.past {
  margin-left: -1400px;
}

.slide.future {
  margin-left: 500px;
}
/**/